<template lang="html">
  <div>
    <sui-segment inverted>
      <p>
        I'm here to tell you something, and you will probably read me first.
      </p>
    </sui-segment>
    <sui-segment emphasis="secondary" inverted>
      <p>
        I am pretty noticeable but you might check out other content before you
        look at me.
      </p>
    </sui-segment>
    <sui-segment emphasis="tertiary" inverted>
      <p>If you notice me you must be looking very hard.</p>
    </sui-segment>
  </div>
</template>

<script>
export default {
  name: 'Emphasis2Example',
};
</script>
